<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title></title>	
 <!--  <link rel="stylesheet" type="text/css" href="silde.css"> -->
  <link rel="stylesheet" type="text/css" href="superSlider_default.css">
  <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="jquery.SuperSlide.js"></script>
</head>
<body>
		<!-- 图片轮播 -->
    <div id="focusBox" class="focusBox">
          <div class="hd">
            <ul>
              <li><a href="javascript:;">1</a></li>
              <li><a href="javascript:;">2</a></li>
              <li><a href="javascript:;">3</a></li>
            </ul>
          </div>
          <div class="bd">
            <ul>
              <li>
                <div class="pic"><img src="1.jpg" /></div>
                <div class="con">
                  <a class="play_on" href="#">焦点图标题1</a>
                </div>
              </li>
              <li>
                <div class="pic"><img src="1.jpg" /></div>
              <div class="con">                
                  <a class="play_on" href="#">焦点图标题2</a>
                </div>
              </li>
              <li>
                <div class="pic"><img src="1.jpg" /></div>
                 <div class="con">                
                  <a class="play_on" href="#">焦点图标题3</a>
                </div>
              </li>
            </ul>
          </div>
          <a class="prev" href="javascript:void(0)"></a>
          <a class="next" href="javascript:void(0)"></a>
    </div> 

<script type="text/javascript">
$(function(){
  $(".focusBox").slide({ 
    mainCell:".bd ul",autoPlay:true, delayTime:500, trigger:"mouseover",effect:"left",interTime:3000
  });
});
</script>
</body>
</html>